cody - HTMLify profile

Latest files of /cody/solygambas/html-css-javascript-projects/007-split landing page

style.css cody/solygambas/html-css-javascript-projects/007-split landing page/style.css

141 Views

0 Comments

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");

:root {
--left-bg-color: rgba(87, 84, 236, 0.7);
--right-bg-color: rgba(43, 43, 43, 0.8);
--left-btn-hover-color: rgba(87, 84, 236, 1);
--right-btn-hover-color: rgba(28, 122, 28, 1);
--hover-width: 75%;

index.html cody/solygambas/html-css-javascript-projects/007-split landing page/index.html

351 Views

0 Comments

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Split Landing Page</title>
</head>

script.js cody/solygambas/html-css-javascript-projects/007-split landing page/script.js

221 Views

0 Comments

const left = document.querySelector(".left");
const right = document.querySelector(".right");
const container = document.querySelector(".container");

left.addEventListener("mouseenter", () =>
container.classList.add("hover-left")
);
left.addEventListener("mouseleave", () =>